import { getUserInfoApi, loginAPI } from '@/api/user'
import { constantRoutes, resetRouter } from '@/router'
import { getToken, removeToken, setToken } from '@/utils/auth'

// 状态
const state = {
  token: getToken(),
  // 用户基本信息
  userInfo: {},
  routes: constantRoutes
}
// 同步任务： 将token存储到state
const mutations = {
  setRoutes(state, asyncRoutes) {
    state.routes = [...constantRoutes, ...asyncRoutes]
  },
  /**
   * 清理token
   */
  removeUserToken(state) {
    state.token = null
    removeToken()
  },
  /**
   * 储存用户列表信息
   * @param {*} state 状态
   * @param {*} userInfo 用户列表信息
   */
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  },
  /**
   * 存储token到state
   * @param {*} state 状态对象
   * @param {string} token 用户token
   */
  setUseToken(state, token) {
    state.token = token
    setToken(token)
  }
}
// 异步任务： 发送登录请求，得到token
const actions = {
  /**
   * 退出登录
   */
  logoutAction(context) {
    // 清空router
    resetRouter()
    context.commit('removeUserToken')
    context.commit('setUserInfo', {})
  },
  /**
   * 获取用户基本信息actions
   * @param {*} context
   */
  async getUserInfoAction(context) {
    const userInfo = await getUserInfoApi()
    // console.log(userInfo)
    context.commit('setUserInfo', userInfo)
    return userInfo
  },

  /**
   * 用户登录actions
   * @param {*} context 上下文,提交mutations提交state
   * @param {object} loginForm 额外参数,登录表单数据
   */
  async loginActions(context, loginForm) {
    // const token = '999999'
    const token = await loginAPI(loginForm)
    // console.log(token, loginForm)

    // 提交mutations，存储token到state
    context.commit('setUseToken', token)
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

